<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品</title>
    <link rel="stylesheet" href="./css/product.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1716836_j7xur6uuqu.css">
</head>
<body>
    <header>
        <div class="head-title">
            <div class="title">
                <ul>
                    <li>全国服务热线：400-000-000</li>
                    <li>
                        <p>设为首页</p>
                        <p>加入收藏</p>
                    </li>
                </ul>
            </div>
        </div>
        <nav class="nav-contant clearFix ">
            <div class="div-img fl">
                <img src="./images/index/images/log1_03.png" alt="">
            </div>
            <div class="company-name fl">
                <div class="top">TK科技有限公司</div>
                <div class="bottom">cer dcd keo Holdings Co Ltd</div>
            </div>
            <ul class="fr">
                <li>
                    <a>首页</a>
                    <a>Home</a>
                </li>
                <li>
                    <a>关于我们</a>
                    <a>Home</a>
                </li>
                <li>
                    <a>产品中心</a>
                    <a>Products</a>
                </li>
                <li>
                    <a>服务支持</a>
                    <a>Service</a>
                </li>
                <li>
                    <a>新闻中心</a>
                    <a>News</a>
                </li>
                <li>
                    <a>在线商店</a>
                    <a>Shop</a>
                </li>
                <li>
                    <a>联系我们</a>
                    <a>Contact Us</a>
                </li>
            </ul>        
        </nav>     
    </header>

    <div class="main">
        <div class="backimage">
            <img src="./images/product/banner_b.png" alt="">
        </div>

        <div class="content">
            <div class="title-top">
                <p>首页 > 新品发布</p>
            </div>
            <div class="title-bottom">
                <div class="one">
                    <p>百万高清系列</p>
                    <p class="p-img"><img src="./images/product/good.png" alt=""></p>
                </div>
                <div class="two">
                    <p>标清系列</p>
                    <p class="p-img"><img src="./images/product/good.png" alt=""></p>
                </div>
                <div class="three">
                    <p>户外防水系列</p>
                    <p class="p-img"><img src="./images/product/good.png" alt=""></p>
                </div>
                <div class="four">
                    <p>室内系列</p>
                    <p class="p-img"><img src="./images/product/good.png" alt=""></p>
                </div>
            </div>
            <div class="search clearFix">
                <input type="text" class="fr" placeholder="搜索产品">
                <div class="ico"><i class="iconfont icon-sousuo "></i></div>
            </div>
            <div class="border-box">
                <ul class="first">
                    <li><div><img src="./images/product/1.png" alt=""></div>
                        <div class="top">S6202Y-WR</div>
                        <div class="bottom-f">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</div>
                    </li>
                    <li><div><img src="./images/product/2.png" alt=""></div>
                        <div class="top">S6223Y-WR</div>
                        <div class="bottom-f">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</div>
                    </li>
                    <li><div><img src="./images/product/3.png" alt=""></div>
                        <div class="top">S6208Y-WR</div>
                        <div class="bottom-f">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</div>
                    </li>
                </ul>
                <ul class="second">
                    <li><div><img src="./images/product/4.png" alt=""></div>
                        <div class="top">S6211Y-WR</div>
                        <div class="bottom-f">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</div>
                    </li>
                    <li><div><img src="./images/product/5.png" alt=""></div>
                        <div class="top">S6262Y-WR</div>
                        <div class="bottom-f">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</div>
                    </li>
                    <li><div><img src="./images/product/6.png" alt=""></div>
                        <div class="top">S6256Y-WR</div>
                        <div class="bottom-f">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</div>
                    </li>
                </ul>
                <ul class="three">
                    <li><div><img src="./images/product/7.png" alt=""></div>
                        <div class="top">S6202Y-WR</div>
                        <div class="bottom-f">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</div>
                    </li>
                    <li><div><img src="./images/product/8.png" alt=""></div>
                        <div class="top">S6202Y-WR</div>
                        <div class="bottom-f">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</div>
                    </li>
                    <li><div><img src="./images/product/9.png" alt=""></div>
                        <div class="top">S6202Y-WR</div>
                        <div class="bottom-f">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</div>
                    </li>
                </ul>
            </div>

            <div class="bottom">
                <div class="font">上一页</div>
                <label for="num1" >  
                    <input type="radio" name="try" id="num1" checked>
                    <div class="num">1</div>     
                </label>
                <label for="num2"> 
                    <input type="radio" name="try" id="num2">
                    <div class="num">2</div>
                </label>
                <label for="num3">
                    <input type="radio" name="try" id="num3">
                    <div class="num">3</div>
                </label>
                <label for="num4"> 
                    <input type="radio" name="try" id="num4">
                    <div class="num">4</div>
                </label>
                <label for="num5"> 
                    <input type="radio" name="try" id="num5">
                    <div class="num">5</div>
                </label>
                <label for="num6"> 
                    <input type="radio" name="try" id="num6">
                    <div class="num">6</div>
                </label>
                <div class="back">下一页</div>
            </div>
            
        </div>
       
    </div>
 
    <footer>
        <div class="top">
            <div class="log">
                <span>关注我们:</span>
                <i class="iconfont icon-weibo"></i>
                <i class="iconfont icon-qq"></i>
                <i class="iconfont icon-weixin1"></i>
            </div>
            <div class="infor">
                <ul>
                    <li>网站首页</li>
                    <li>新闻动态</li>
                    <li>关于我们</li>
                    <li>团队风采</li>
                    <li>联系我们</li>
                    <li>在线留言</li>
                </ul>
            </div>
        </div>
        <div class="bottom">
            <div class="contant">
                ©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved
            </div>
        </div>
    </footer>
</body>
</html>